

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Meteor与Kiki的故事</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Free HTML5 Template by FREEHTML5" />
    <meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />

    <!-- Facebook and Twitter integration -->
    <meta property="og:title" content=""/>
    <meta property="og:image" content=""/>
    <meta property="og:url" content=""/>
    <meta property="og:site_name" content=""/>
    <meta property="og:description" content=""/>
    <meta name="twitter:title" content="" />
    <meta name="twitter:image" content="" />
    <meta name="twitter:url" content="" />
    <meta name="twitter:card" content="" />

    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <link rel="shortcut icon" href="favicon.ico">
    <!-- Google Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic|Roboto:400,300,700' rel='stylesheet' type='text/css'>
    <!-- Animate -->
    <link rel="stylesheet" href="/css/animate.css"  th:src="@{/css/animate.css}">
    <!-- Icomoon -->
    <link rel="stylesheet" href="/css/icomoon.css" th:src="@{/css/icomoon.css}">
    <!-- Bootstrap  -->
    <link rel="stylesheet" href="/css/bootstrap.css" th:src="@{/css/bootstrap.css}">

    <link rel="stylesheet" href="/css/style.css" th:src="@{/css/style.css}">


    <!-- Modernizr JS -->
    <script src="/js/modernizr-2.6.2.min.js" th:src="@{/js/modernizr-2.6.2.min.js}"></script>
    <!-- FOR IE9 below -->
    <!--[if lt IE 9]>
    <script src="/js/respond.min.js"></script>
    <![endif]-->

</head>
<body>
<div class="adcenter"><script src="https://www.cssmoban.com/include/new/ggad2_728x90.js"></script></div>
<div id="fh5co-offcanvas">
    <a href="#" class="fh5co-close-offcanvas js-fh5co-close-offcanvas"><span><i class="icon-cross3"></i> <span>Close</span></span></a>
    <div class="fh5co-bio">
        <figure>
            <img th:src="@{/kiki/k0.jpg}" alt="Free HTML5 Bootstrap Template" class="img-responsive">
        </figure>
        <h3 class="heading">About Kiki</h3>
        <h2>很傻很天真的少女</h2>
        <p>虽然略有傻傻，但是比较热爱生活、喜欢浪漫、追求不一样的人生</p>
        <p>希望每一对情侣都可以熬过困难的岁月、熬过艰难的异地恋、熬过磨人的军恋，也祝我们幸福🥰</p>
        <ul class="fh5co-social">
            <li><a href="#"><i class="icon-twitter"></i></a></li>
            <li><a href="#"><i class="icon-facebook"></i></a></li>
            <li><a href="#"><i class="icon-instagram"></i></a></li>
        </ul>
    </div>

    <div class="fh5co-menu">
        <div class="fh5co-box">
            <h3 class="heading">关于 Kiki</h3>
            <ul>
                <li><a href="#">小机灵</a></li>
                <li><a href="#">可可爱爱</a></li>
                <li><a href="#">热爱运动</a></li>
                <li><a href="#">积极努力</a></li>
                <li><a href="#">热爱Meteor</a></li>
            </ul>
        </div>
        <div class="fh5co-box">
            <h3 class="heading">见证我们的爱情</h3>
            <form action="#">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="进入我们的世界👻">
                </div>
            </form>
        </div>
    </div>
</div>
<!-- END #fh5co-offcanvas -->
<header id="fh5co-header">

    <div class="container-fluid">

        <div class="row">
            <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
            <ul class="fh5co-social">
                <li><a href="#"><i class="icon-twitter"></i></a></li>
                <li><a href="#"><i class="icon-facebook"></i></a></li>
                <li><a href="#"><i class="icon-instagram"></i></a></li>
            </ul>
            <div class="col-lg-12 col-md-12 text-center">
                <h1 id="fh5co-logo"><a href="#">Meteor与Kiki的故事 <sup>TM</sup></a></h1>
            </div>

        </div>

    </div>

</header>
<div class="copyrights"> <a href="http://www.cssmoban.com/" ></a></div>
<!-- END #fh5co-header -->
<div class="container-fluid">
    <div class="row fh5co-post-entry">
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k2.jpg}" src="images/pic_1.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">天台与小屋</a></span>
            <h2 class="fh5co-article-title"><a href="#">我们刚刚毕业，遇到雨天，一起去家里的天台玩耍💕</a></h2>
            <span class="fh5co-meta fh5co-date">19年的夏天</span>
        </article>
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k3.jpg}"  src="images/pic_2.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">哈尔滨中央大街</a></span>
            <h2 class="fh5co-article-title"><a href="#">一起在哈尔滨玩耍，吃了马迭尔冰棍😊</a></h2>
            <span class="fh5co-meta fh5co-date">19年的夏天</span>
        </article>
        <div class="clearfix visible-xs-block"></div>
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k15.jpg}"  src="images/pic_3.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">哈尔滨商场</a></span>
            <h2 class="fh5co-article-title"><a href="#">我们一起逛商场，抓娃娃🐧</a></h2>
            <span class="fh5co-meta fh5co-date">19年的夏天</span>
        </article>
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k16.jpg}"  src="images/pic_4.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">果戈里书屋</a></span>
            <h2 class="fh5co-article-title"><a href="single.html">我们冒雨一起去了关门的果戈里书屋😶‍🌫️</a></h2>
            <span class="fh5co-meta fh5co-date">19年的夏天</span>
        </article>
        <div class="clearfix visible-lg-block visible-md-block visible-sm-block visible-xs-block"></div>
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k1.jpg}" src="images/pic_5.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">异地恋与军恋的开始</a></span>
            <h2 class="fh5co-article-title"><a href="#">那时还没有疫情，我来到了她的学校见她最后一面，匆匆忙忙的离别，再一见却是两年🤧</a></h2>
            <span class="fh5co-meta fh5co-date">19年的夏末</span>
        </article>
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k4.png}" src="images/pic_6.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">参军👊</a></span>
            <h2 class="fh5co-article-title"><a href="#">我踏上了离别的火车，从此开始了漫长却无法预料的未来</a></h2>
            <span class="fh5co-meta fh5co-date">19年的秋初</span>
        </article>
        <div class="clearfix visible-xs-block"></div>
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k14.jpg}" src="images/pic_7.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">我们的交流方式</a></span>
            <h2 class="fh5co-article-title"><a href="#">我们用最古老的方式，去传递我们平凡又不平凡的爱意👩🏻‍❤️‍👨🏻</a></h2>
            <span class="fh5co-meta fh5co-date">19年的秋天</span>
        </article>
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k5.jpg}" src="images/pic_8.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">不一样的合照</a></span>
            <h2 class="fh5co-article-title"><a href="#">我们没有一起跨年、一起过节，却只能这样合照😭</a></h2>
            <span class="fh5co-meta fh5co-date">20年的春初</span>
        </article>
        <div class="clearfix visible-lg-block visible-md-block visible-sm-block visible-xs-block"></div>



        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k6.jpg}" src="images/pic_1.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">两年之约</a></span>
            <h2 class="fh5co-article-title"><a href="#">通过两年的时间，我们各自努力，终于见到了彼此😁</a></h2>
            <span class="fh5co-meta fh5co-date">21年的秋初</span>
        </article>
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k7.jpg}" src="images/pic_2.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">天台堆雪人</a></span>
            <h2 class="fh5co-article-title"><a href="#">我们一起在天台堆了小雪人⛄</a></h2>
            <span class="fh5co-meta fh5co-date">21年的冬季</span>
        </article>
        <div class="clearfix visible-xs-block"></div>
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k8.jpg}" src="images/pic_3.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">看向未来</a></span>
            <h2 class="fh5co-article-title"><a href="#">我们终于可以随意的聊天、谈心、畅想未来🥰</a></h2>
            <span class="fh5co-meta fh5co-date">21年的冬季</span>
        </article>
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k9.jpg}" src="images/pic_4.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">第一个元旦节</a></span>
            <h2 class="fh5co-article-title"><a href="#">我们终于可以一起跨年、一起欢笑、一起玩耍，一路走来很不易😚</a></h2>
            <span class="fh5co-meta fh5co-date">22年的元旦</span>
        </article>
        <div class="clearfix visible-lg-block visible-md-block visible-sm-block visible-xs-block"></div>
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k10.jpg}" src="images/pic_5.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">家</a></span>
            <h2 class="fh5co-article-title"><a href="#">我们一起欢声笑语、讲诉着彼此两年发生的事情😋</a></h2>
            <span class="fh5co-meta fh5co-date">22年的春初</span>
        </article>
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k11.jpg}" src="images/pic_6.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">假日爬山</a></span>
            <h2 class="fh5co-article-title"><a href="#">我们一起去爬了香炉山、很累也很开心🧗‍♀️</a></h2>
            <span class="fh5co-meta fh5co-date">22年的夏天</span>
        </article>
        <div class="clearfix visible-xs-block"></div>
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k12.jpg}" src="images/pic_7.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">出发波塞冬</a></span>
            <h2 class="fh5co-article-title"><a href="#">我们去了海底世界波塞冬、看了很多好玩的、有趣的、真的很幸福🥱</a></h2>
            <span class="fh5co-meta fh5co-date">22年的夏天</span>
        </article>
        <article class="col-lg-3 col-md-3 col-sm-3 col-xs-6 col-xxs-12 animate-box">
            <figure>
                <a href="#"><img th:src="@{/kiki/k13.jpg}" src="images/pic_8.jpg" alt="Image" class="img-responsive"></a>
            </figure>
            <span class="fh5co-meta"><a href="#">中央大街再寻记</a></span>
            <h2 class="fh5co-article-title"><a href="#">我们再一次冒雨去了中央大街，同样的地点、同样的人，不一样的时间🥰</a></h2>
            <span class="fh5co-meta fh5co-date">22年的夏天</span>
        </article>
        <div class="clearfix visible-xs-block"></div>
    </div>
</div>

<!-- jQuery -->
<script src="/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<!-- jQuery Easing -->
<script src="/js/jquery.easing.1.3.js" th:src="@{/js/jquery.easing.1.3.js}"></script>
<!-- Bootstrap -->
<script src="/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
<!-- Waypoints -->
<script src="/js/jquery.waypoints.min.js" th:src="@{/js/jquery.waypoints.min.js}"></script>
<!-- Main JS -->
<script src="/js/main.js" th:src="@{/js/main.js}"></script>

</body>
</html>

